<template>
  <el-table
    :data="tableData"
    style="width: 100%; marginTop: 20px;"
    :header-cell-style="{background:'rgba(250,250,250,1)',color:'#606266'}"
  >
    <el-table-column prop="date" label="分类名称"></el-table-column>
    <el-table-column prop="name" label="关联商圈"></el-table-column>

    <el-table-column header-align="right" align="right" label="操作" width="160">
      <template slot-scope="scope">
        <el-button type="text" @click="handleEdit(scope.row, 'del')">删除</el-button>
        <span class="shuxian"></span>
        <el-button type="text" @click="handleEdit(scope.row, 'xq')">详情</el-button>
        <span class="shuxian"></span>
        <el-button type="text" @click="handleEdit(scope.row, 'bj')">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  props: {
    tableData: {
      type: Array,
      dufault: () => []
    }
  },
  methods: {
    handleEdit (row, type) {
      this.$emit('handleEdit', row, type)
    }
  }
}
</script>

<style>
</style>
